/**
 * Created by Mak on 2017/8/30.
 */
@import '../common';

#login_box{
  position: absolute;
  top: 50%;
  left: 66%;
  width: 420px;
  height: 450px;
  background-color: white;
  border-radius: 8px;
  margin: -225px 0 0 -200px;
  overflow: hidden;
  .tit{
    height: 88px;
    line-height: 88px;
    text-align: center;
    h2{
      margin: 0;
      font-size: 20px;
      font-weight: normal;
      color: $color-white;
    }
    span{
      font-size: 18px;
      color: #49ad18;
    }
  }
  .login_form{
    padding: 0 30px;
    .el-form-item{
       margin-bottom: 25px;
      .el-form-item__content{
        line-height: 50px;
        .el-input__inner{
          height: 50px;
          line-height: 50px;
          padding: 0;
          border: $border-none;
          font-size: 16px;
          color: $color-black
        }
        .el-input-group__prepend{
          padding: 0 15px;
          border: $border-none;
          background-color: $color-white;
          font-size: 18px;
        }
        img{ line-height: normal;}
        .el-button--primary{
          padding: 14px 20px;
          border-color: $color-dark-green;
          background-color: $color-dark-green;
          font-size: 20px;
        }
      }
    }
    .form-checkbox-item{
      .el-form-item__content{
        line-height: 20px;
          .el-checkbox{
            color: #333333;
          }

      }
    }
    .el-input{
      background: #FFFFFF;
      border-radius: 18px;
      border: #1b1b1b solid 1px;
    }
    .input-bg{
      color: #333333;
      font-size: 18px;
    }
  }
}
